<form id="add-form" class="form-horizontal" role="form" data-toggle="validator" method="POST" action="">
    <div class="row">
        <div class="col-md-9 col-sm-12">
            <div class="panel panel-default panel-intro">
                <div class="panel-heading">
                    <ul class="nav nav-tabs">
                        <li class="active"><a href="#basic" data-toggle="tab">基础信息</a></li>
                        <li><a href="#table" data-toggle="tab">模型信息</a></li>
                        <li><a href="#seo" data-toggle="tab">搜索优化</a></li>
                        <li><a href="#pay" data-toggle="tab">支付设置</a></li>
                    </ul>
                </div>
                <div class="panel-body">
                    <div id="myTabContent" class="tab-content">
                        <div class="tab-pane fade active in" id='basic'>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Channels')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <select id="c-channels_ids" data-rule="required" class="form-control selectpicker" type="text" name="row[channels_id]">
                                        {foreach name="channelsList" item="vo"}
                                        <option value="{$vo.id}" {$vo.type == 2 ? '' : 'disabled'}>{$vo.name}</option>
                                        {/foreach}
                                    </select>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Title')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-title" data-rule="required" class="form-control" name="row[title]" type="text">
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Summary')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <textarea id="c-summary" class="form-control " rows="5" name="row[summary]" cols="50"></textarea>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Image')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group">
                                        <input id="c-image" class="form-control" size="50" name="row[image]" type="text">
                                        <div class="input-group-addon no-border no-padding">
                                            <span><button type="button" id="plupload-image" class="btn btn-danger plupload" data-input-id="c-image" data-mimetype="image/gif,image/jpeg,image/png,image/jpg,image/bmp" data-multiple="false" data-preview-id="p-image"><i class="fa fa-upload"></i> {:__('Upload')}</button></span>
                                            <span><button type="button" id="fachoose-image" class="btn btn-primary fachoose" data-input-id="c-image" data-mimetype="image/*" data-multiple="false"><i class="fa fa-list"></i> {:__('Choose')}</button></span>
                                        </div>
                                        <span class="msg-box n-right" for="c-image"></span>
                                    </div>
                                    <ul class="row list-inline plupload-preview" id="p-image"></ul>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Content')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <textarea id="c-content" class="form-control editor" rows="5" name="row[content]" cols="50"></textarea>
                                </div>
                            </div>

                        </div>
                        
                        <div class="tab-pane fade" id="table">
                            
                        </div>

                        <div class="tab-pane fade" id="seo">
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Seo_title')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-seo_title" class="form-control" name="row[seo_title]" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Seo_keywords')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-seo_keywords" class="form-control" name="row[seo_keywords]" type="text">
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Seo_description')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <textarea id="c-seo_description" class="form-control " rows="5" name="row[seo_description]" cols="50"></textarea>
                                </div>
                            </div>
                        </div>

                        <div class="tab-pane fade"  id="pay">
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-2">{:__('Price')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-price" class="form-control" name="row[price]" value="0.00" type="number" placeholder="小数点不能超过2位">
                                </div>
                            </div>
                        </div>

                        <div class="form-group layer-footer">
                            <label class="control-label col-xs-12 col-sm-2"></label>
                            <div class="col-xs-12 col-sm-8">
                                <button type="submit" class="btn btn-success btn-embossed disabled">{:__('OK')}</button>
                                <button type="reset" class="btn btn-default btn-embossed">{:__('Reset')}</button>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <div class="col-md-3 col-sm-12">

            <div class="panel panel-default panel-intro">
                <div class="panel-heading">
                    <div class="panel-lead">
                        <em>相关信息</em>
                    </div>
                </div>
                <div class="panel-body">
                    <div class="tab-content">
                        <div class="tab-pane fade active in">

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-3">{:__('Views')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group margin-bottom-sm">
                                        <input id="c-views" data-rule="required" class="form-control" name="row[views]" type="number" value="0">
                                        <span class="input-group-addon">
                                            <i class="fa fa-eye text-success"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-3">{:__('Comments')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group margin-bottom-sm">
                                        <input id="c-comments" data-rule="required" class="form-control" name="row[comments]" type="number" value="0">
                                        <span class="input-group-addon">
                                            <i class="fa fa-comment text-info"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>

<!--                             <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-3">{:__('Likes')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group margin-bottom-sm">
                                        <input id="c-likes" data-rule="required" class="form-control" name="row[likes]" type="number" value="0">
                                        <span class="input-group-addon">
                                            <i class="fa fa-thumbs-up text-danger"></i>
                                        </span>
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-3">{:__('Dislikes')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group margin-bottom-sm">
                                        <input id="c-dislikes" data-rule="required" class="form-control" name="row[dislikes]" value="0" type="number">
                                        <span class="input-group-addon">
                                            <i class="fa fa-thumbs-down text-gray"></i>
                                        </span>
                                    </div>
                                </div>
                            </div> -->

                        </div>
                    </div>
                </div>
            </div>

            <div class="panel panel-default panel-intro">

                <div class="panel-heading">
                    <div class="panel-lead">
                        <em>状态</em>
                    </div>
                </div>

                <div class="panel-body">
                    <div class="tab-content">
                        <div class="tab-pane fade active in">

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-3">{:__('Releasetime')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="input-group margin-bottom-sm">
                                        <input id="c-releasetime" data-rule="required" class="form-control datetimepicker" data-date-format="YYYY-MM-DD HH:mm:ss" data-use-current="true" name="row[releasetime]" type="text" value="{:date('Y-m-d H:i:s')}">
                                        <span class="input-group-addon">
                                            <i class="fa fa-calendar"></i>
                                        </span>
                                    </div>
                                    
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-3">{:__('Status')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="radio">
                                        {foreach name="statusList" item="vo"}
                                        <label for="row[status]-{$key}"><input id="row[status]-{$key}" name="row[status]" type="radio" value="{$key}" {in name="key" value="1"}checked{/in} /> {$vo}</label> 
                                        {/foreach}
                                    </div>
                                </div>
                            </div>

                             <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-3">{:__('Display')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <div class="radio">
                                        {foreach name="displayList" item="vo"}
                                        <label for="row[display]-{$key}"><input id="row[display]-{$key}" name="row[display]" type="radio" value="{$key}" {in name="key" value="1"}checked{/in} /> {$vo}</label>
                                        {/foreach}
                                    </div>
                                </div>
                            </div>

                            <div class="form-group">
                                <label class="control-label col-xs-12 col-sm-3">{:__('Commentsswitch')}:</label>
                                <div class="col-xs-12 col-sm-8">
                                    <input id="c-commentsswitch" type="hidden" name="row[commentsswitch]" value="0">
                                    <a href="javascript:;" data-toggle="switcher" class="btn-switcher" data-input-id="c-commentsswitch" data-yes="1" data-no="0" >
                                        <i class="fa fa-toggle-on text-success fa-flip-horizontal text-gray fa-2x"></i>
                                    </a>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>

    </div>

</form>
